
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - criação</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item "><a href="index.html">Global</a></div>
                <div class="item ouvert"><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges-large">
            </div>

                        <div class="infos">
                            <div class="infos-in">
	                        <div class="infos-title">Stats</div>
                                <div class="repli"></div>                               
                                <div class="info">
                                    <h2 class="first">Executions</h2>
                                    <table>
                                        <thead>
                                            <tr><th></th><th>Total</th><th>OK</th><th>KO</th></tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Total count</td>
                                                <td id="numberOfRequests" class="total"></td>
                                                <td id="numberOfRequestsOK" class="ok"></td>
                                                <td id="numberOfRequestsKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean count/s</abbr></td>
                                                <td id="meanNumberOfRequestsPerSecond" class="total"></td>
                                                <td id="meanNumberOfRequestsPerSecondOK" class="ok"></td>
                                                <td id="meanNumberOfRequestsPerSecondKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <h2 class="second">Response Time (ms)</h2>
                                    <table>
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th>Total</th>
                                                <th>OK</th>
                                                <th>KO</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Min</td>
                                                <td id="minResponseTime" class="total"></td>
                                                <td id="minResponseTimeOK" class="ok"></td>
                                                <td id="minResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">50th percentile</td>
                                                <td id="percentiles1" class="total"></td>
                                                <td id="percentiles1OK" class="ok"></td>
                                                <td id="percentiles1KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">75th percentile</td>
                                                <td id="percentiles2" class="total"></td>
                                                <td id="percentiles2OK" class="ok"></td>
                                                <td id="percentiles2KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">95th percentile</td>
                                                <td id="percentiles3" class="total"></td>
                                                <td id="percentiles3OK" class="ok"></td>
                                                <td id="percentiles3KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">99th percentile</td>
                                                <td id="percentiles4" class="total"></td>
                                                <td id="percentiles4OK" class="ok"></td>
                                                <td id="percentiles4KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Max</td>
                                                <td id="maxResponseTime" class="total"></td>
                                                <td id="maxResponseTimeOK" class="ok"></td>
                                                <td id="maxResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean</td>
                                                <td id="meanResponseTime" class="total"></td>
                                                <td id="meanResponseTimeOK" class="ok"></td>
                                                <td id="meanResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Standard Deviation</td>
                                                <td id="standardDeviation" class="total"></td>
                                                <td id="standardDeviationOK" class="ok"></td>
                                                <td id="standardDeviationKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

</div>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">j.n.ConnectException: finishConnect(..) failed: Connection refused<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">54638</td>
		    	<td class="value error-col-3 total ko">100 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="container_response_time_dispersion" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.contents['req_criac-a-o-ce502'].stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setDetailsMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [368, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

	    $('#container_errors').sortable('#container_errors');
    
var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['0', '1', '2', '3', '4', '5', '6', '8', '9'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  81.08,18.71,0.1,0.03,0.02,0.01,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692809189,null],[1692809190,null],[1692809191,null],[1692809192,null],[1692809193,null],[1692809194,null],[1692809195,null],[1692809196,null],[1692809197,null],[1692809198,null],[1692809199,null],[1692809200,null],[1692809201,null],[1692809202,null],[1692809203,null],[1692809204,null],[1692809205,null],[1692809206,null],[1692809207,null],[1692809208,null],[1692809209,null],[1692809210,null],[1692809211,null],[1692809212,null],[1692809213,null],[1692809214,null],[1692809215,null],[1692809216,null],[1692809217,null],[1692809218,null],[1692809219,null],[1692809220,null],[1692809221,null],[1692809222,null],[1692809223,null],[1692809224,null],[1692809225,null],[1692809226,null],[1692809227,null],[1692809228,null],[1692809229,null],[1692809230,null],[1692809231,null],[1692809232,null],[1692809233,null],[1692809234,null],[1692809235,null],[1692809236,null],[1692809237,null],[1692809238,null],[1692809239,null],[1692809240,null],[1692809241,null],[1692809242,null],[1692809243,null],[1692809244,null],[1692809245,null],[1692809246,null],[1692809247,null],[1692809248,null],[1692809249,null],[1692809250,null],[1692809251,null],[1692809252,null],[1692809253,null],[1692809254,null],[1692809255,null],[1692809256,null],[1692809257,null],[1692809258,null],[1692809259,null],[1692809260,null],[1692809261,null],[1692809262,null],[1692809263,null],[1692809264,null],[1692809265,null],[1692809266,null],[1692809267,null],[1692809268,null],[1692809269,null],[1692809270,null],[1692809271,null],[1692809272,null],[1692809273,null],[1692809274,null],[1692809275,null],[1692809276,null],[1692809277,null],[1692809278,null],[1692809279,null],[1692809280,null],[1692809281,null],[1692809282,null],[1692809283,null],[1692809284,null],[1692809285,null],[1692809286,null],[1692809287,null],[1692809288,null],[1692809289,null],[1692809290,null],[1692809291,null],[1692809292,null],[1692809293,null],[1692809294,null],[1692809295,null],[1692809296,null],[1692809297,null],[1692809298,null],[1692809299,null],[1692809300,null],[1692809301,null],[1692809302,null],[1692809303,null],[1692809304,null],[1692809305,null],[1692809306,null],[1692809307,null],[1692809308,null],[1692809309,null],[1692809310,null],[1692809311,null],[1692809312,null],[1692809313,null],[1692809314,null],[1692809315,null],[1692809316,null],[1692809317,null],[1692809318,null],[1692809319,null],[1692809320,null],[1692809321,null],[1692809322,null],[1692809323,null],[1692809324,null],[1692809325,null],[1692809326,null],[1692809327,null],[1692809328,null],[1692809329,null],[1692809330,null],[1692809331,null],[1692809332,null],[1692809333,null],[1692809334,null],[1692809335,null],[1692809336,null],[1692809337,null],[1692809338,null],[1692809339,null],[1692809340,null],[1692809341,null],[1692809342,null],[1692809343,null],[1692809344,null],[1692809345,null],[1692809346,null],[1692809347,null],[1692809348,null],[1692809349,null],[1692809350,null],[1692809351,null],[1692809352,null],[1692809353,null],[1692809354,null],[1692809355,null],[1692809356,null],[1692809357,null],[1692809358,null],[1692809359,null],[1692809360,null],[1692809361,null],[1692809362,null],[1692809363,null],[1692809364,null],[1692809365,null],[1692809366,null],[1692809367,null],[1692809368,null],[1692809369,null],[1692809370,null],[1692809371,null],[1692809372,null],[1692809373,null],[1692809374,null],[1692809375,null],[1692809376,null],[1692809377,null],[1692809378,null],[1692809379,null],[1692809380,null],[1692809381,null],[1692809382,null],[1692809383,null],[1692809384,null],[1692809385,null],[1692809386,null],[1692809387,null],[1692809388,null],[1692809389,null],[1692809390,null],[1692809391,null],[1692809392,null],[1692809393,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692809189,[2,0,2]],[1692809190,[2,0,2]],[1692809191,[2,0,2]],[1692809192,[2,0,2]],[1692809193,[2,0,2]],[1692809194,[2,0,2]],[1692809195,[2,0,2]],[1692809196,[2,0,2]],[1692809197,[2,0,2]],[1692809198,[2,0,2]],[1692809199,[2,0,2]],[1692809200,[5,0,5]],[1692809201,[8,0,8]],[1692809202,[11,0,11]],[1692809203,[6,0,6]],[1692809204,[3,0,3]],[1692809205,[2,0,2]],[1692809206,[5,0,5]],[1692809207,[6,0,6]],[1692809208,[8,0,8]],[1692809209,[3,0,3]],[1692809210,[5,0,5]],[1692809211,[5,0,5]],[1692809212,[7,0,7]],[1692809213,[2,0,2]],[1692809214,[4,0,4]],[1692809215,[9,0,9]],[1692809216,[13,0,13]],[1692809217,[16,0,16]],[1692809218,[20,0,20]],[1692809219,[22,0,22]],[1692809220,[26,0,26]],[1692809221,[29,0,29]],[1692809222,[33,0,33]],[1692809223,[36,0,36]],[1692809224,[39,0,39]],[1692809225,[42,0,42]],[1692809226,[46,0,46]],[1692809227,[49,0,49]],[1692809228,[53,0,53]],[1692809229,[55,0,55]],[1692809230,[59,0,59]],[1692809231,[62,0,62]],[1692809232,[66,0,66]],[1692809233,[69,0,69]],[1692809234,[72,0,72]],[1692809235,[75,0,75]],[1692809236,[79,0,79]],[1692809237,[82,0,82]],[1692809238,[86,0,86]],[1692809239,[88,0,88]],[1692809240,[92,0,92]],[1692809241,[95,0,95]],[1692809242,[99,0,99]],[1692809243,[102,0,102]],[1692809244,[105,0,105]],[1692809245,[108,0,108]],[1692809246,[112,0,112]],[1692809247,[115,0,115]],[1692809248,[119,0,119]],[1692809249,[121,0,121]],[1692809250,[125,0,125]],[1692809251,[128,0,128]],[1692809252,[132,0,132]],[1692809253,[135,0,135]],[1692809254,[138,0,138]],[1692809255,[141,0,141]],[1692809256,[145,0,145]],[1692809257,[148,0,148]],[1692809258,[151,0,151]],[1692809259,[155,0,155]],[1692809260,[158,0,158]],[1692809261,[161,0,161]],[1692809262,[164,0,164]],[1692809263,[169,0,169]],[1692809264,[171,0,171]],[1692809265,[174,0,174]],[1692809266,[177,0,177]],[1692809267,[182,0,182]],[1692809268,[184,0,184]],[1692809269,[188,0,188]],[1692809270,[191,0,191]],[1692809271,[194,0,194]],[1692809272,[197,0,197]],[1692809273,[202,0,202]],[1692809274,[203,0,203]],[1692809275,[208,0,208]],[1692809276,[210,0,210]],[1692809277,[215,0,215]],[1692809278,[217,0,217]],[1692809279,[221,0,221]],[1692809280,[223,0,223]],[1692809281,[228,0,228]],[1692809282,[230,0,230]],[1692809283,[234,0,234]],[1692809284,[237,0,237]],[1692809285,[241,0,241]],[1692809286,[243,0,243]],[1692809287,[247,0,247]],[1692809288,[251,0,251]],[1692809289,[253,0,253]],[1692809290,[257,0,257]],[1692809291,[261,0,261]],[1692809292,[263,0,263]],[1692809293,[267,0,267]],[1692809294,[270,0,270]],[1692809295,[274,0,274]],[1692809296,[276,0,276]],[1692809297,[280,0,280]],[1692809298,[284,0,284]],[1692809299,[287,0,287]],[1692809300,[289,0,289]],[1692809301,[293,0,293]],[1692809302,[297,0,297]],[1692809303,[300,0,300]],[1692809304,[303,0,303]],[1692809305,[306,0,306]],[1692809306,[310,0,310]],[1692809307,[313,0,313]],[1692809308,[317,0,317]],[1692809309,[319,0,319]],[1692809310,[323,0,323]],[1692809311,[326,0,326]],[1692809312,[330,0,330]],[1692809313,[333,0,333]],[1692809314,[336,0,336]],[1692809315,[339,0,339]],[1692809316,[343,0,343]],[1692809317,[346,0,346]],[1692809318,[349,0,349]],[1692809319,[353,0,353]],[1692809320,[356,0,356]],[1692809321,[359,0,359]],[1692809322,[363,0,363]],[1692809323,[366,0,366]],[1692809324,[369,0,369]],[1692809325,[372,0,372]],[1692809326,[376,0,376]],[1692809327,[379,0,379]],[1692809328,[383,0,383]],[1692809329,[385,0,385]],[1692809330,[388,0,388]],[1692809331,[393,0,393]],[1692809332,[395,0,395]],[1692809333,[399,0,399]],[1692809334,[403,0,403]],[1692809335,[405,0,405]],[1692809336,[409,0,409]],[1692809337,[412,0,412]],[1692809338,[416,0,416]],[1692809339,[418,0,418]],[1692809340,[421,0,421]],[1692809341,[426,0,426]],[1692809342,[429,0,429]],[1692809343,[431,0,431]],[1692809344,[435,0,435]],[1692809345,[439,0,439]],[1692809346,[442,0,442]],[1692809347,[445,0,445]],[1692809348,[448,0,448]],[1692809349,[452,0,452]],[1692809350,[455,0,455]],[1692809351,[458,0,458]],[1692809352,[461,0,461]],[1692809353,[465,0,465]],[1692809354,[469,0,469]],[1692809355,[471,0,471]],[1692809356,[474,0,474]],[1692809357,[478,0,478]],[1692809358,[482,0,482]],[1692809359,[485,0,485]],[1692809360,[487,0,487]],[1692809361,[492,0,492]],[1692809362,[494,0,494]],[1692809363,[498,0,498]],[1692809364,[501,0,501]],[1692809365,[505,0,505]],[1692809366,[507,0,507]],[1692809367,[511,0,511]],[1692809368,[515,0,515]],[1692809369,[517,0,517]],[1692809370,[521,0,521]],[1692809371,[525,0,525]],[1692809372,[527,0,527]],[1692809373,[531,0,531]],[1692809374,[534,0,534]],[1692809375,[537,0,537]],[1692809376,[541,0,541]],[1692809377,[544,0,544]],[1692809378,[548,0,548]],[1692809379,[551,0,551]],[1692809380,[553,0,553]],[1692809381,[557,0,557]],[1692809382,[561,0,561]],[1692809383,[564,0,564]],[1692809384,[567,0,567]],[1692809385,[570,0,570]],[1692809386,[574,0,574]],[1692809387,[577,0,577]],[1692809388,[581,0,581]],[1692809389,[584,0,584]],[1692809390,[586,0,586]],[1692809391,[590,0,590]],[1692809392,[594,0,594]],[1692809393,[871,0,871]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692809189,[2,0,2]],[1692809190,[2,0,2]],[1692809191,[2,0,2]],[1692809192,[2,0,2]],[1692809193,[2,0,2]],[1692809194,[2,0,2]],[1692809195,[2,0,2]],[1692809196,[2,0,2]],[1692809197,[2,0,2]],[1692809198,[2,0,2]],[1692809199,[2,0,2]],[1692809200,[5,0,5]],[1692809201,[8,0,8]],[1692809202,[11,0,11]],[1692809203,[6,0,6]],[1692809204,[3,0,3]],[1692809205,[2,0,2]],[1692809206,[5,0,5]],[1692809207,[6,0,6]],[1692809208,[8,0,8]],[1692809209,[3,0,3]],[1692809210,[5,0,5]],[1692809211,[5,0,5]],[1692809212,[7,0,7]],[1692809213,[2,0,2]],[1692809214,[4,0,4]],[1692809215,[9,0,9]],[1692809216,[13,0,13]],[1692809217,[16,0,16]],[1692809218,[20,0,20]],[1692809219,[22,0,22]],[1692809220,[26,0,26]],[1692809221,[29,0,29]],[1692809222,[33,0,33]],[1692809223,[36,0,36]],[1692809224,[39,0,39]],[1692809225,[42,0,42]],[1692809226,[46,0,46]],[1692809227,[49,0,49]],[1692809228,[53,0,53]],[1692809229,[55,0,55]],[1692809230,[59,0,59]],[1692809231,[62,0,62]],[1692809232,[66,0,66]],[1692809233,[69,0,69]],[1692809234,[72,0,72]],[1692809235,[75,0,75]],[1692809236,[79,0,79]],[1692809237,[82,0,82]],[1692809238,[86,0,86]],[1692809239,[88,0,88]],[1692809240,[92,0,92]],[1692809241,[95,0,95]],[1692809242,[99,0,99]],[1692809243,[102,0,102]],[1692809244,[105,0,105]],[1692809245,[108,0,108]],[1692809246,[112,0,112]],[1692809247,[115,0,115]],[1692809248,[118,0,118]],[1692809249,[122,0,122]],[1692809250,[125,0,125]],[1692809251,[128,0,128]],[1692809252,[132,0,132]],[1692809253,[135,0,135]],[1692809254,[138,0,138]],[1692809255,[141,0,141]],[1692809256,[144,0,144]],[1692809257,[149,0,149]],[1692809258,[151,0,151]],[1692809259,[155,0,155]],[1692809260,[158,0,158]],[1692809261,[161,0,161]],[1692809262,[164,0,164]],[1692809263,[168,0,168]],[1692809264,[172,0,172]],[1692809265,[174,0,174]],[1692809266,[177,0,177]],[1692809267,[182,0,182]],[1692809268,[184,0,184]],[1692809269,[188,0,188]],[1692809270,[191,0,191]],[1692809271,[194,0,194]],[1692809272,[197,0,197]],[1692809273,[202,0,202]],[1692809274,[203,0,203]],[1692809275,[208,0,208]],[1692809276,[210,0,210]],[1692809277,[214,0,214]],[1692809278,[218,0,218]],[1692809279,[221,0,221]],[1692809280,[223,0,223]],[1692809281,[228,0,228]],[1692809282,[230,0,230]],[1692809283,[234,0,234]],[1692809284,[237,0,237]],[1692809285,[240,0,240]],[1692809286,[244,0,244]],[1692809287,[247,0,247]],[1692809288,[251,0,251]],[1692809289,[253,0,253]],[1692809290,[257,0,257]],[1692809291,[260,0,260]],[1692809292,[264,0,264]],[1692809293,[267,0,267]],[1692809294,[270,0,270]],[1692809295,[274,0,274]],[1692809296,[276,0,276]],[1692809297,[280,0,280]],[1692809298,[284,0,284]],[1692809299,[286,0,286]],[1692809300,[290,0,290]],[1692809301,[293,0,293]],[1692809302,[297,0,297]],[1692809303,[300,0,300]],[1692809304,[303,0,303]],[1692809305,[306,0,306]],[1692809306,[310,0,310]],[1692809307,[313,0,313]],[1692809308,[317,0,317]],[1692809309,[319,0,319]],[1692809310,[323,0,323]],[1692809311,[326,0,326]],[1692809312,[330,0,330]],[1692809313,[333,0,333]],[1692809314,[336,0,336]],[1692809315,[339,0,339]],[1692809316,[343,0,343]],[1692809317,[346,0,346]],[1692809318,[349,0,349]],[1692809319,[353,0,353]],[1692809320,[356,0,356]],[1692809321,[359,0,359]],[1692809322,[363,0,363]],[1692809323,[366,0,366]],[1692809324,[369,0,369]],[1692809325,[372,0,372]],[1692809326,[375,0,375]],[1692809327,[380,0,380]],[1692809328,[383,0,383]],[1692809329,[385,0,385]],[1692809330,[388,0,388]],[1692809331,[393,0,393]],[1692809332,[395,0,395]],[1692809333,[399,0,399]],[1692809334,[403,0,403]],[1692809335,[405,0,405]],[1692809336,[409,0,409]],[1692809337,[411,0,411]],[1692809338,[417,0,417]],[1692809339,[418,0,418]],[1692809340,[421,0,421]],[1692809341,[426,0,426]],[1692809342,[429,0,429]],[1692809343,[431,0,431]],[1692809344,[435,0,435]],[1692809345,[439,0,439]],[1692809346,[441,0,441]],[1692809347,[446,0,446]],[1692809348,[448,0,448]],[1692809349,[452,0,452]],[1692809350,[454,0,454]],[1692809351,[459,0,459]],[1692809352,[461,0,461]],[1692809353,[465,0,465]],[1692809354,[468,0,468]],[1692809355,[472,0,472]],[1692809356,[474,0,474]],[1692809357,[478,0,478]],[1692809358,[482,0,482]],[1692809359,[485,0,485]],[1692809360,[487,0,487]],[1692809361,[491,0,491]],[1692809362,[495,0,495]],[1692809363,[498,0,498]],[1692809364,[501,0,501]],[1692809365,[504,0,504]],[1692809366,[508,0,508]],[1692809367,[511,0,511]],[1692809368,[515,0,515]],[1692809369,[517,0,517]],[1692809370,[521,0,521]],[1692809371,[525,0,525]],[1692809372,[527,0,527]],[1692809373,[531,0,531]],[1692809374,[534,0,534]],[1692809375,[537,0,537]],[1692809376,[541,0,541]],[1692809377,[544,0,544]],[1692809378,[548,0,548]],[1692809379,[551,0,551]],[1692809380,[553,0,553]],[1692809381,[556,0,556]],[1692809382,[562,0,562]],[1692809383,[564,0,564]],[1692809384,[567,0,567]],[1692809385,[570,0,570]],[1692809386,[574,0,574]],[1692809387,[577,0,577]],[1692809388,[581,0,581]],[1692809389,[583,0,583]],[1692809390,[587,0,587]],[1692809391,[590,0,590]],[1692809392,[593,0,593]],[1692809393,[872,0,872]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 0.0, color: '#68b65c'},{name: 'KO', y: 54638.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

var scatterChart = new Highcharts.Chart({
  chart: {
    renderTo: 'container_response_time_dispersion', 
    defaultSeriesType: 'scatter',
    zoomType: 'xy',
    marginBottom: 90
  },
  credits: { enabled: false },
  xAxis: {
    title: {
      enabled: true,
      text: 'Global number of requests per second',
      style: { fontWeight: 'bold' }
    },
    startOnTick: true,
    endOnTick: true,
    showLastLabel: true,
    min: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  yAxis: {
    min: 0,
    title: { text: 'Response Time (ms)' }
  },
  tooltip: {
    formatter: function() {
         return ''+ this.y +' ms at ' + this.x + ' allreq/s';
    }
  },
  legend: {
    enabled: true,
    floating: true,
    y: 0,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
  },
  plotOptions: {
    scatter: {
      marker: {
        radius: 3,
        states: {
          hover: {
            enabled: true,
            lineColor: 'rgb(100,100,100)'
          }
        }
      },
      states: {
        hover: {
          marker: { enabled: false }
        }
      }
    }
  },
  series: [
	  {
type: 'scatter',
color: '#68b65c',
name: 'OK',
data: [
[]
]},
	  {
type: 'scatter',
color: '#f15b4f',
name: 'KO',
data: [
[6,3],[6,1],[6,1],[6,1],[6,0],[6,0],[6,1],[6,1],[6,0],[6,1],[6,0],[6,1],[6,0],[7,1],[7,1],[9,1],[9,1],[9,1],[9,1],[10,1],[10,1],[11,1],[12,1],[12,1],[12,1],[15,1],[21,2],[26,1],[30,1],[35,1],[37,1],[42,1],[47,1],[50,1],[55,2],[58,1],[62,1],[67,1],[70,1],[75,1],[77,1],[83,1],[86,1],[91,1],[94,1],[99,1],[102,1],[106,1],[110,1],[116,1],[118,1],[121,1],[127,1],[131,1],[135,1],[138,1],[142,1],[147,1],[151,0],[154,1],[159,1],[163,1],[167,1],[171,1],[174,1],[178,0],[182,0],[187,1],[190,1],[195,1],[199,1],[203,1],[206,1],[210,0],[216,1],[219,1],[222,1],[226,0],[232,0],[234,0],[239,0],[243,0],[247,0],[250,1],[256,1],[259,0],[262,0],[267,0],[271,1],[275,1],[279,0],[282,0],[288,1],[290,1],[295,1],[299,1],[304,1],[305,1],[311,1],[316,1],[318,1],[323,0],[328,1],[331,1],[336,1],[338,1],[343,1],[347,1],[351,0],[356,0],[359,1],[362,1],[368,0],[372,0],[375,0],[379,0],[383,1],[387,1],[391,0],[396,1],[399,1],[403,1],[406,1],[413,1],[415,1],[419,1],[422,1],[428,0],[432,0],[435,1],[440,1],[443,1],[447,0],[452,0],[456,1],[458,1],[463,0],[468,1],[472,1],[476,0],[478,1],[483,0],[488,0],[491,1],[496,0],[500,1],[502,1],[508,1],[512,1],[516,1],[520,1],[523,1],[528,1],[532,1],[534,1],[540,1],[543,0],[548,1],[552,1],[556,1],[559,1],[564,1],[568,1],[571,1],[575,0],[582,1],[583,1],[587,1],[591,1],[596,1],[601,1],[602,1],[609,1],[611,1],[617,1],[620,0],[624,1],[627,1],[631,1],[638,1],[639,1],[643,0],[649,0],[652,1],[656,1],[660,1],[663,0],[669,0],[672,0],[676,1],[681,1],[683,1],[687,0],[692,0],[697,0],[700,0],[704,0],[707,0],[713,1],[717,1],[721,1],[723,0],[727,0],[733,1],[1074,1]
]}
	]
});

scatterChart.setTitle({
  text: '<span class="chart_title">Response Time against Global Throughput</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
